﻿@{
    ViewBag.Title = "מסכות";
}
@section headElements{
    <link href="@Url.Content("~/Content/colorpicker.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/colorpicker.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/Masks.js")" type="text/javascript"></script>
}
<ul id="Breadcrumbs">
    <li><a href="@Url.Action("Index", "Admin")">פאנל ניהול</a></li>
    <li>מסכות</li>
</ul>
<table id="Masks" class="width100">
    <tr>
        <th>
        </th>
        <th>
            שם
        </th>
        <th>
            נתוני FXG
        </th>
        <th>
            עובי גבול
        </th>
        <th>
            פינות
        </th>
        <th>
            צבע
        </th>
        <th>
            הסר
        </th>
    </tr>
</table>
<div id="pagesContainer" class="clear">
</div>
<div class="clear">
</div>
<div class="topSpace">
    <input type="button" value="מסכה חדשה" id="btnAddMask" class="button" />
</div>
<script id="itemTemplate" type="text/x-jquery-tmpl">
    <tr>
        <td class="successCell">
            <img src="@Url.Content("~/Content/images/success.png")" class="hidden" />
        </td>
        <td>
            <input type="hidden" id="DesignMaskId" name="DesignMaskId" value="${DesignMaskId}" />
            <input type="text" name="Title" value="${Title}" />
        </td>
        <td>
            <textarea name="MaskData" style="width:400px;height:130px;direction:ltr;">${MaskData}</textarea>
        </td>
        <td>
            <input type="number" name="Weight" value="${Weight}" style="width:50px;" min="0" max="10" />
        </td>
        <td>
            @Html.DropDownList("Corner", ViewBag.CornersList as List<SelectListItem>)
        </td>
        <td>
            <input type="text" name="Color" value="${Color}" style="width:60px;" />
        </td>
        <td>
            <a href="" class="lnkDeleteMask">מחק מסכה</a>
        </td>
    </tr>
</script>
